<template>
<div style="" class="flex w-full">
   
    <div class="flex m-4 w-full">
      
        <a-button type="default" shape="circle" size="large" @click="backparent">
          <ArrowLeftOutlined />
      </a-button>
     
       <div class="flex flex-col ml-4 w-full">
        <span class="text-lg font-bold mt-2">{{detailXinwen.title}}</span>
    <a-divider style="border-color: #f5f5f5" dashed />
    <div class="mt-1">
      <MarkdownViewer :value="detailXinwen.wzcontent"/>
    </div>
     </div>

     
    </div>
   
</div>
</template>
<script lang="ts">
import { reactive,defineComponent,ref } from 'vue';
import { Divider } from 'ant-design-vue';
import { CloseOutlined ,ArrowLeftOutlined} from '@ant-design/icons-vue';
import { useMessage } from '/@/hooks/web/useMessage';
import { MarkdownViewer } from '/@/components/Markdown';


export default defineComponent({
  name:'HelpDetail',
  
});
</script>

<script lang="ts" setup>

const props = defineProps({
  
    detailXinwen:Object

});

const $emit = defineEmits(['closeDetail'])

 const backparent = () => {
    $emit('closeDetail');
   
  }
</script>
<style scoped>
.demo-loadmore-list {
  min-height: 350px;
}


</style>